/* Create by Niko 20121013 通用样式 欢迎参观指导 */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0; }
ol, ul {list-style: none;}
h2,h3,h4{ font-family:"微软雅黑"}
.space10{ height:10px;float: none!important;clear: both;overflow: hidden;width: auto!important;padding: 0!important;}
img{ border:0}
a:link,a:visited{ text-decoration:none; color:#606060}
a:hover,a:active{ text-decoration:none; color:#5cbced}
.fr{float:right; }
.page{ text-align:right; line-height:30px; width:99%;}
.page a{ padding: 0 5px}
.page a.on{ color:#1b6a93;}

a.btn_sblue{background:#56b6e2; width:70px; height:25px; text-align:center; color:#fff; line-height:25px; display:block; font-size:12px}
a.btn_sblue:hover{ background:#59c6f8}
a.big_down{background:#83c147; width:120px; height:30px; text-align:center; color:#fff; line-height:30px; display:block; font-size:16px}
a.big_down:hover{background:#8fd34d;}

body{ background:#fff; font:12px/2 "微软雅黑";}
.nobg{ background:none}
.neirong,.flash,.connet,#footer,.brand{ width:960px; margin:0 auto}

.head{ position:relative; height:104px; background:url(mian_bg_1.png) left 0 repeat-x}
.head .neirong{ position: relative; top:10px}
.head .neirong .logo{ position:absolute; left:10px; width:235px; height:85px}
.head .neirong .menu{ position:absolute; right:10px; top:50px;font-family:"微软雅黑"; font-size:17px; width:450px; text-align:right}
.head .neirong .menu a{ text-decoration:none; padding:5px 15px; color:#1280ba; display:block; float:left ;height:20px; line-height:20px; margin:0 10px}
.head .neirong .menu a:hover,.head .menu a.on{ background:#1280ba; color:#fff;}


/*slide*/
.down_link{ position:relative; z-index:999; right:0; width:410px; height:40px; margin:0 auto; top:-120px; left:220px; line-height:30px;}
.down_link a.gwdl{ background:#48a4f2; padding:4px 14px; border-bottom:3px solid #13548e; color:#fff; margin-right:10px; font-size:16px}
.down_link a.gwdl:hover{ background:#76bdfa}
#slide{position:relative;width:960px;height:400px;margin-bottom:20px;overflow:hidden;background:url(loading.gif) no-repeat center; margin:0 auto}
#slide ul{position:absolute;}
#slide li{float:left; width:960px; height:400px; overflow:hidden; }
#slide .o-control{display:none;position:absolute;top:160px;width:50px;height:80px;background:#000;filter:alpha(opacity=30);opacity:0.3;cursor:pointer;}
#slide .control{position:relative;top:13px;left:8px;display:inline-block;width:30px;height:55px;background:url(bg_index.png);filter:alpha(opacity=60);opacity:0.6;}
#slide #goback{left:0px;}
#goback .control{background-position:0px -35px;}
#slide #forward{right:0px;}
#forward .control{left:10px;background-position:-35px -35px;}
#slide div{position:absolute; float:right; bottom:0px; right:10px; height:32px; overflow:hidden; zoom:1; }
#slide span{width:10px;font-size:0;height:10px;margin:2px 2px; background:#4abced;float:left;text-align:center;line-height:32px;cursor:pointer;font-family:arial;filter:alpha(opacity=70);opacity:0.7;}
#slide span a{color:#fff;text-decoration:none;}
#slide span.curr,#slide span.hover{background:#1d8cbc;filter:alpha(opacity=100);opacity:1;}
#slide .curr a:link, #slide .curr a:visited{color:#fff;}


.flash{ position:relative; background:url(flash1.jpg) center 0 no-repeat; height:390px;top:10px;}
.flash .version{ position:absolute; right:30px; top:80px; background:url(TIPS.gif) 0 0 no-repeat; width:39px; height:26px; color:#fff; text-align:center}
.flash .download{ position:absolute; right:210px; bottom:40px; color:#fff }
.flash .download a:link,.flash .download a:visited{ color:#fff; text-decoration:none; padding:0 2px}
.flash .download a:hover,.flash .download a:active{ text-decoration:underline}
.flash .download font{ padding-left:10px; line-height:24px}
.flash .text{ position:absolute; right:110px; bottom:115px; color:#fff; line-height:18px}

.connet{ position:relative; height:170px; top:-50px; }
.connet .left{position: absolute; left:0;  width:730px;}
.connet .right{position: absolute; right:0;width:280px}
.connet .right .news font{ float:right}
.connet .right .news{ list-style:inside disc}
.connet dl{ position:absolute;}
.connet dl dt{ font:18px/1.5 "微软雅黑"; margin-bottom:10px; font-weight:bold}
.connet .sj{ left:20px;}
.connet .bf{ left:240px}
.connet .sy{ left:460px}
.connet dl .pic{ font:14px/1.5 "微软雅黑";}

#footer{ position: relative ;text-align:center; border-top:1px solid #efefef; padding:25px 0; background:#f8f8f8; width:100%; text-align:center; color:#2f2f2f;}
#footer a{ text-decoration:none; color:#2f2f2f}
#footer a:hover{ text-decoration:underline}

/* 支持页面 */
.support_main{ background:#fff url(other_bg.jpg) 0 0 repeat-x}
.brand{ position:relative;color:#42454b;top:10px}
.brand h2{ font-size:24px; font-weight:normal; margin:10px}
.brand .oneb{ margin:5px 2px; display:block; float:left}
.brand h3{ margin:10px 0; color:#2799b7; width:300px;}
.brand .phone { font-family:"微软雅黑"; width:880px; display:block;margin:0 10px; }
.brand .phone li{width:158px; height:140px; text-align:center; float:left; margin-top:15px}

.hot{ background:url(hot.jpg) 120px 0px no-repeat;}
.new{background:url(new.jpg) 120px 10px no-repeat;}

.fq{  width:960px; margin:10px auto;line-height:24px;}
.fq h2{ margin:10px 0}
.fq .left_nav{ float:left;width:190px; font:14px/1.5 "微软雅黑";}
.fq .right{ float:left;left:190px; width:710px; border-left:1px solid #999; padding-left:20px; font-size:14px;}
.fq .right .number{ list-style-type:cjk-ideographic; line-height:32px}
.fq .right a{ color:#09F}
.fq .right a:hover{ text-decoration:underline}
.fq .left_nav a{ display:block; cursor:pointer; padding:5px 10px}
.fq .left_nav a:link,.fq .left_nav a:visited{ text-decoration:none; color:#333;}
.fq .left_nav a:hover,.fq .left_nav a:active,.fq .left_nav a.on{ background:#f7f7f6}



/* rom市场 */
.brand{ width:900px}
.brand .nav{ float:left; width:220px; }
.nav h2{ background:#3ca5d1; color:#fff; text-align:center; border-bottom:1px solid #257ea4; margin-bottom:0}
.brand .nav a{ display:block; width:180px; text-align:right; font:14px/2.5 "微软雅黑"; padding:0px 20px 0px 0; margin:0px 10px 5px 10px;}
.brand .nav a:link{ text-decoration:none; color:#333}
.brand .nav a:hover,.brand .nav a.on{ text-decoration:none; color:#09F; background:#ededed url(arrow.png) right 13px no-repeat;; border-bottom:1px solid #ccc}
.brand .choose_m{ width:680px; margin-top:10px}
.brand .choose_m .machine{ float:left; margin:10px 0px; font:12px "微软雅黑"; width:226px}
.brand .choose_m .machine .pic{ float:left; width:80px}
.brand .choose_m .machine .text{ float:left; width:140px; line-height:24px}
.brand .choose_m .machine .text font{ color:#06C}
.brand .choose_m .machine dt{ float:left;width:140px; font:12px/2 "微软雅黑"; margin-bottom:10px}

/* rom list */
.brand .choose_m .roms{ width:670px; border:1px solid #efefef; height:105px; padding:5px; border-bottom:0}
.brand .choose_m .roms:hover{ background:#f3fdff}
.brand .choose_m .roms:hover .big_fen .down{ display:block;}
.brand .choose_m .roms .pic{ float:left; width:70px;}
.brand .choose_m .roms .text{ float:left; width:580px; padding:0 10px;}
.brand .choose_m .roms .text table{font:12px/2 "微软雅黑"; float:left}
.brand .choose_m .roms dt{ width:580px; padding:0 10px; float:left; font:14px/1.5 "微软雅黑" ; font-weight:bold }
.brand .choose_m .roms dt a{ color: #06C; text-decoration: none}
.brand .choose_m .roms .big_fen{ float:right; width:100px; color:#999;font:12px "微软雅黑";}
.brand .choose_m .roms .big_fen font{ font-size:24px; color:#C30; font-weight:bold}
.brand .choose_m .roms .down{ display:none; position: relative; background:#83c147; width:100px; height:25px; text-align:center; color:#fff; right:10px; top:10px; cursor:pointer; line-height:25px}
.brand .choose_m .border_b{ border-bottom:1px solid #efefef}
.roms_detail{ width:670px; border:1px solid #efefef;padding:5px; display:table}
.roms_detail .pic{ width:140px; float:left}
.roms_detail dt{ width:510px; padding:0 10px; float:left; font:14px/4 "微软雅黑" ; font-weight:bold }
.roms_detail .text{float:left; width:510px; padding:0 10px;font:12px/2 "微软雅黑";}
.roms_detail .star{ float:right; width:110px; color:#999; text-align:center}
.fenshu{ background:url(star.jpg) left 0 repeat-x; width:105px; height:20px}
.fenshu .star5{ background:url(star.jpg) left -20px repeat-x; height:20px;}
.roms_detail .text table{font:12px/2.5 "微软雅黑"; float:left}
.roms_detail .text font{ font-size:24px; color:#C30; font-weight:bold}

/* tab */
.tab{ width:670px}
#sidebar-tab{margin-bottom:0px;overflow:hidden; width:99%} 
#tab-title h3{color:#666;font-size:15px;font-weight:400;} 
#tab-title .selected,#tab-title span:hover{color:#356aa0;border-bottom:2px solid #09F;} /*标题被选中时的样式*/ 
#tab-title span{padding:5px 9px 0px 10px;border:1px solid #efefef;cursor:pointer; margin:0 5px 0 0; float:left} 
#tab-title .bshare-custom { margin:10px 10px 0 0; text-align:right; }
#tab-content{ line-height:24px; border-top:1px solid #efefef; margin-top:46px}
#tab-content .hide{display:none;} /*默认让第一块内容显示，其余隐藏*/ 
#tab-content .connect{padding:5px 10px;overflow:hidden; width:670px} 
#tab-title .share{ float:right; width:300px}

/* 评论 */
#tab-content .connect .pinglun{ line-height:24px}
#tab-content .connect .pinglun .plk{ width:91%; border:1px solid #c9c9c9; margin-top:10px}
#tab-content .connect .pinglun .px{ width:91%; background:#def0f6; border:1px solid #b8dbe6; padding:10px; margin-top:5px}

/* 截图 */
.jietu { background:#eee;overflow:scroll; margin:10px 0}
.jietu img{ width:182px; height:305px; margin:10px;}

.dafenshu{ background:url(star.jpg) center 0 no-repeat; width:21px; height:20px; cursor:pointer; float:left}
.dafenshu:hover{ background:url(star.jpg) center -20px no-repeat; }

.connect h4{ border-bottom:1px solid #CCC}
.pllist{ color:#929292; border-bottom:1px dashed #909090}
.pllist .pl{ color:#555}

/* 更新日志 */
.log{ width:960px; margin:20px auto}
.log h2{ font-size:24px; margin-left:20px; font-weight:normal}
.log h3{margin-left:20px}
.log ol{ list-style: decimal; margin-left:40px}

.search{ background: url(search.png) left 0 no-repeat; width:180px; height:25px; border:0; float:left}
.search_btn{ background:url(seach_btn.png) left 0 no-repeat; width:37px; height:25px; border:0; float:left; cursor:pointer}